﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link href="css/screen.css" type="text/css" rel="stylesheet" media="screen,projection" />
    <script type="text/javascript" src="script/jquery.min.js"></script>
    <script type="text/javascript" src="script/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="script/lxwdrop.js"></script>


</head>

<body style="overflow:hidden">
    <div class="preview_container">
        <div>
            <img src="http://yw2015.oss-cn-beijing.aliyuncs.com/yw/201512241719088941362iRZD1JWXrJuWAc3I.jpg"/>
            <div class="preview">
                <img/>
                <span>拖动</span>
            </div>
        </div>
    </div>
    <input type="button" value="全屏预览" class="fullscreen" />
</body>
</html>

<script>
    $(function () {
        $(".preview_container").each(function () {
            PREVIEW_DROP.view($(this));//,[200,200],[30,30]
        });
        $(".fullscreen").click(function () {
            PREVIEW_DROP.full();
        });
    });
</script>